/*
THEME NAME: Le-Tours Relaunch
DESCRIPTION: Le-Tours Relaunch
VERSION: 2.0
AUTHOR: Design: <a href="http://www.grafikdesign-leipzig-trescher.de"> Saskia Trescher</a> &amp; Umsetzung: <a href="http://www.andrekurfuerst.de/">André Kurfürst</a>
*/

@import "variables.less";
@import "reset.less";
@import "general.less";
@import "themes.less";

#startseitentext p {
	text-align: justify;
}

/* Grundaufbau */
div#wrapper {
	width: 960px;
	margin: 0 auto;
}

	#header { 
		position: relative;
		height: 150px; 
	}

		#blog-title a {
			background: url(../images/logo.png) no-repeat;
			display: block;
			width: 291px;
			height: 278px;
			text-indent: -9999px;
			position: absolute;
			top: 100px;
			left: -83px;
			z-index: 1000
		}
		
		.page #blog-title a { background-image: url(../images/logo-seiten.png); }
		
	
		#blog-description {
			background: url(../images/slogan.png) no-repeat;
			width: 569px;
			height: 93px;
			text-indent: -9999px;
			position: absolute;
			top: 21px;
			left: -72px
		}
		
div#shortnavigation {
	position: absolute;
	top: 15px;
	width: 960px;
	margin: 0 auto;
	z-index: 1000;
	
	.menu-schnellnavigation-container {
		position: absolute;
		top: 0;
		right: 15px;
		
		li {
			float: left;
			margin-left: 15px;
		}
		
		a {
			border-bottom: 2px dotted @purple;
			
			&:hover {
				border-bottom-style: solid;
				text-decoration: none
			}
		}
	}
}

div#slideshow {
	background: #fff;
	width: 900px;
	padding: 30px 30px 0;
	height: 228px;
	position: relative;
	z-index: 100;
	
	.world {
		background: url(../images/world.png) no-repeat;
		display: block;
		position: absolute;
		top: -128px;
		right: -141px;
		width: 439px;
		height: 416px;
	}
}

div#container {
	float: left;
	width: 960px;
}

div#content {
	border-right: 2px dotted #d4d4d4;
	width: 620px;
	padding: 50px 28px 30px 30px;
	float: left;
	position: relative;
	background: #fff;
	z-index: 100;
	min-height: 520px;

	
	.top {
		background: url(../images/icon_top.png) right 1px no-repeat;
		clear: both;
		text-transform: uppercase;
		font-size: 22px;
		display: inline-block;
		margin-top: 15px;
		padding-right: 15px;
		color: @purple!important;
	}
}

div#sidebar {
	background: url(../images/bg_sidebar.png) repeat-y;
	float: left;
	padding-left: 30px;
	width: 250px;
	position: relative;
	
	.sidebar-top {
		background: url(../images/bg_sidebar-top.png) no-repeat;
		width: 288px;
		height: 38px;
		position: absolute;
		top: -37px;
		right: 0;
		display: block;
	}
	
	.sidebar-bottom {
		background: url(../images/bg_sidebar-bottom.png) no-repeat;
		width: 248px;
		height: 158px;
		position: absolute;
		bottom: -158px;
		right: 32px;
		display: block;
	}
	
	.SWBOC_Widget {
		background: url(../images/bg_sidebar-widget.png) top right no-repeat;
		padding: 20px 30px 0 0;
		
		h3 { font-size: 16px; line-height: 20px }
		
		p { display: none }
		
		a { text-decoration: underline }
		
		.pattern-sidebar {
			border-bottom: 2px dotted #d6d6d6;
			padding-bottom: 20px;

			p {
				display: block;
			}
		}
		
	}
	
}


/* Navigation */
#navigation {
	position: relative;
	clear: both;
	float: left;
	width: 900px;
	padding: 0 30px;
	z-index: 200;
	
	.menu-navigation-container {
		position: absolute;
		left: 30px;
		top: -27px;
	}
	
	ul {}
		
		li {
			float: left;
			padding-right: 10px
		}
		
			li a {
				float: left;
				display: block;
				background: @purple;
				color: #fff;
				line-height: 37px;
				padding: 0 7px;
				font-weight: bold;
				.rotate();
				.box-shadow(0,0, 5px, rgba(0,0,0,.4));
			}
			
			li.menu-item-1827 a {
				padding: 0 15px;	
			}
		
			li a:hover, li.current_page_item a, { 
				background: #fff;
				color: @purple;
				text-decoration: none
			}
			
			/* Klassenfahrten */
			li.menu-item-1830 a {
				background: @orange
			}
			
			li.menu-item-1830 a:hover, li.menu-item-1830.current-menu-item a, li.menu-item-1830.current-menu-parent a {
				background: #fff;
				color: @orange;
			}			
			/* Ferienlager */
			li.menu-item-2115 a {
				background: @green
			}
			
			li.menu-item-2115 a:hover, li.menu-item-2115.current-menu-item a, li.menu-item-2115.current-menu-parent a {
				background: #fff;
				color: @green;
			}
			
			/* Camps */
			li.menu-item-1828 a {
				background: @cyan
			}
			
			li.menu-item-1828 a:hover, li.menu-item-1828.current-menu-item a, 
			li.menu-item-1828.current-menu-parent a, li.current-category-ancestor.menu-item-1828 a {
				background: #fff;
				color: @cyan;
			}
			
			/* Jugendcamps */
			li.menu-item-3153 a,
			li.menu-item-6036 a {
				background: @red;
			}
			
			li.menu-item-3153 a:hover, li.menu-item-3153.current-menu-item a, li.menu-item-3153.current-menu-parent a,
			li.menu-item-6036 a:hover, li.menu-item-6036.current-menu-item a, li.menu-item-6036.current-menu-parent a {
				background: #fff;
				color: @red;
			}
			
}

.pageid-2021, .pageid-2023 {
	#navigation .menu-item-2012 a {
		background: #fff;
		color: @purple;
		text-decoration: none
	}
}


/* Patterns - Vorlagen */
.pattern-sticky-post {
	.text { 
		float: left;
		width: 400px;
	}
	p.image {
		float: right;
		margin-top: -30px
	}
}

.pattern-brand {
	background: url(../images/bg_brand.png) no-repeat;
	width: 290px;
	height: 169px;
	position: absolute;
	bottom: -40px;
	left: -29px;
	z-index: 100;
	
	a {
		padding: 82px 0 0 30px;
		color: #fff!important;
		display: block;
		.rotate(-6deg);
		font-weight: bold;
		font-size: 18px;
		
		&:hover {
			text-decoration: none
		}
		
		span {
			display: block;
			font-weight: normal;
			font-size: 14px;
		}
	}
}

.single .pattern-brand {
	position: relative;
	bottom: 8px
}


.pattern-sidebar { 
	p.image {
		float: right;
		margin-top: -5px
	}
	p {
		margin-bottom: 0
	}
}

.sidebar-orange {
	h3, a {
		color: @orange
	}
}

.sidebar-green {
	h3, a {
		color: @green
	}
}

.sidebar-red {
	h3, a {
		color: @red
	}
}

.sidebar-cyan {
	h3, a {
		color: @cyan
	}
}

.pattern-start-list {
	list-style: none;
	margin: 0!important;
	padding: 0;
		
	li {
		padding: 0 0 20px!important;
		margin-bottom: 20px!important;
		background: none!important;
		clear: both;
		float: left;
		width: 100%;
		border-bottom: 1px dotted #DADADA;
		font-size: 15px;
		line-height: 20px;
		position: relative;
		
		&.last { border-bottom: none; margin-bottom: 0!important; }
	}
	
	
	span {
		float: left;
		width: 240px;
		margin-right: 20px;
		margin-left: 20px;
	}	
	a { float: left;}
	img { 
		display: block; 
		margin-top: 0px!important;
		margin-right: 0!important;
	}
	a.last { 
		position: absolute;
		top: 5px;
		left: 435px;
	}
}

.pattern-3-column {
	list-style: none;
	margin: 0!important;
	padding: 0;
		
	li {
		float: left;
		width: 190px;
		margin-right: 21px;
		padding: 0!important;
		background: none!important;
	}
	
	li.last { margin-right: 0 }
	
	img { 
		display: block; 
		margin-bottom: 15px;
		margin-top: 10px;
	}
}

.pattern-navigation-level2 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px!important;
	border-top: 2px dotted #dadada;
	
	li {
		float: left;
		margin-right: 15px;
		padding: 0!important;
		background: none!important;
	}
	
	a {
		background: url(../images/bg_age-class.png) no-repeat 0 -300px; 
		display: block;
		width: 88px;
		height: 39px;
		text-align: center;
		padding-top: 3px;
		padding-right: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
	}
	
	a:hover, a.active, li.active a {
		background-position: 0 -350px;
		text-decoration: none;
	}
	
}

.pattern-image-right, .pattern-image-left {
	width: 100%;
	overflow: hidden;
	
	.content { 
		width: 400px;
		padding: 0 20px 0 0;
		float: left;
	}
	
	.images { 
		float: left;
		width: 200px;
		
		img {
			margin: 15px 0 30px;
		}
	}
}

.pattern-image-left {	
	.content { 
		padding: 0 0 0 20px;
	}
}



/* Posts */
#container {
	.post {
		border-top: 2px dotted #dadada;
		float: left;
		width: 100%;
		padding-bottom: 30px;
		position: relative;
		
		ol.days {
			margin-left: -60px;
			
			li {
				background-repeat: no-repeat;
				padding: 0 0 30px 65px;
				min-height: 60px
			}
			
			li.i1 { background-position: -920px 0}
			li.i2 { background-position: -850px -70px }
			li.i3 { background-position: -780px -140px }
			li.i4 { background-position: -710px -210px }
			li.i5 { background-position: -640px -280px }
			li.i6 { background-position: -570px -350px }
			li.i7 { background-position: -500px -420px }
			li.i8 { background-position: -430px -490px }
			li.i9 { background-position: -360px -560px }
			li.i10 { background-position: -290px -630px }
			li.i11 { background-position: -220px -700px }
			li.i12 { background-position: -150px -770px }
			li.i13 { background-position: -80px -840px }
			li.i14 { background-position: -10px -910px }
			
		}
		
	}
}
/* Allgemein */
.category-1 {
	.post {
		padding: 15px 0;
	}
	
	.entry-content p {
		display: inline;
	}
}

/* Ferienlager */
#container .category-17 {
	.post {
		padding: 15px 0;
	}
	
	h3 { margin-bottom: 0 }
	
	div.alignleft {
		img {
			margin-bottom: 5px;	
		}
		p {
			font-size: 13px;
			margin-bottom: 0
		}
	}
	.button {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
		margin-top: 30px;
		background: @green;
	}
	.button:hover {
		background: #fff;
		color: @green!important;
	}
	
}

/* Jugendcamps */
#container .category-24 {
	.post {
		padding: 15px 0;
	}
	
	h3 { margin-bottom: 0 }
	
	div.alignleft {
		position: relative;
		
		img {
			margin-bottom: 5px;	
		}
		p {
			font-size: 13px;
			margin-bottom: 0
		}
	}
	
	.care {
		background: url(../images/icon-care.png) no-repeat;
		position: absolute;
		right: -20px;
		top: -20px;
		width: 63px;
		height: 68px;
		display: block;
		text-indent: -9999px;
		
		&.unbetreut { background-position: top right }
	}
	
	.button {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
		margin-top: 30px;
		background: @red;
	}
	.button:hover {
		background: #fff;
		color: @red!important;
	}
	
}

/* Klassenfahrten */
#container .category-13, #container .category-14 {
	.post {
		padding-bottom: 5px;
		min-height: 130px;
	}
	
	.sticky { padding-bottom: 15px }
	
	h3 { 
		float: left;
		width: 305px;
		margin-right: 25px;
		margin-bottom: 0;
	}
	.price {
		display: block;
		color: #e7501e;
	}
	
	img.alignleft {
		margin-top: -19px;
		margin-bottom: 14px;
	}
	
	.button {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
		margin-top: 30px;
	}
	
	
	.sub-category-14 {
		padding-top: 15px;
	
		img.alignleft {
			margin-top: 10px;
			margin-bottom: 20px;
		}
		
		.button {
			margin-top: 50px;
		}
		
	}
	
}

.class-1-6 {
	.age-class {
		background-position: 0 0;
	}
	
	h3 a {
		color: @class-1-6!important;
	}
	
	.button {
		background: @class-1-6;
	}
	.button:hover {
		color: @class-1-6!important;
	}
	
}

.class-alle {
	.age-class {
		background-position: 0 0;
	}
	
	h3 a {
		color: @class-1-6!important;
	}
	
	.button {
		background: @class-1-6;
	}
	.button:hover {
		color: @class-1-6!important;
	}
	
}

.class-7-13 {
	.age-class {
		background-position: 0 -150px;
	}
	
	h3 a {
		color: @class-7-13!important;
	}
	
	.button {
		background: @class-7-13;
	}
	.button:hover {
		color: @class-7-13!important;
	}
	
}

.age-child {
	.age-class {
		background-position: 0 -200px;
		padding-left: 27px
	}
	
	h3 a {
		color: @age-child!important;
	}
	
	.button {
		background: @age-child;
	}
	.button:hover {
		color: @age-child!important;
	}
	
}

.age-parent {
	.age-class {
		background-position: 0 -250px;
	}
	
	h3 a {
		color: @age-parent!important;
	}
	
	.button {
		background: @age-parent;
	}
	.button:hover {
		color: @age-child!important;
	}
	
}

.single {
	position: relative;
	
	.age-class {
		margin-bottom: 10px;
	}
	
	h2 { font-size: 30px; margin-bottom: 15px; line-height: 36px }
	
	h2.with-price { padding-top: 55px}
	
	
	.price {
		position: absolute;
		right: 0;
		top: 20px;
		color: #E7501E;
		display: block;
		font-size: 38px;
		font-weight: bold
	}
}	

.s-category-allgemein {
	.post { border-top: none }
}


/* Home */

.blog {
	background: url(../images/bg_body-blog.jpg) top center no-repeat;

	
	#header {
		background: url(../images/banner-home.png) 90px bottom no-repeat;
		height: 400px;
	}
	

	#navigation li.menu-item-1827 a {
		background: #fff;
		color: @purple;
		text-decoration: none
	}
	
	#content-footer .menu-navigation-container li.menu-item-1827 a { color: @purple }

	.p1 {
		padding-bottom: 0;
		
		h2, a { color: #e30059 }
			
		.entry-content {
			font-size: 16px;
			line-height: 22px
		}
	
		.pattern-sticky-post {
			.text { 
				width: 310px;
			}
			p.image { 
				margin: -80px -28px -6px -10px;
			}
		}
	}

	.p2 {
		padding-top: 25px;
		border-bottom: 2px dotted #dadada;
		margin-bottom: 20px
	}
	
	div#content .top { margin-top: 0 }

}


#news {
	float: left;
	width: 100%;
	
	h2 { float: left; margin-right: 15px }
	
	.post {
		border-top: none;
	}
	
	.entry-content p { display: inline}
}

#container .p1.sticky {
	border-top: none
}


/* Bildergalerie */
.ngg-albumoverview {
	padding-top: 5px;
	width: 100%;
	float: left;
	
	.ngg-album-compact { 
		float: left; 
		margin-right: 35px;
		margin-bottom: 35px;
		position: relative;
		
		.ngg-album-compactbox {
			a br { display: none }
			img {
				.rotate-right;
				.shadow;
			}
		}
		
		.ngg-album-desc {
			position: absolute;
			bottom: 0;
			right: -5px;
			.button;
			max-width: 110px;
		}
		
		> p {
			position: absolute;
			left: -10px;
			bottom: -24px;
			color: @purple;
			font-size: 13px;
		}
		
	}
	
	.last { margin-right: 0 }
}

.ngg-galleryoverview {
	width: 100%;
	float: left;
	
	h3 { margin-bottom: 35px; }
	
	.ngg-gallery-thumbnail-box { 
		float: left; 
		margin-right: 35px;
		margin-bottom: 35px;
		position: relative;
		
		.ngg-gallery-thumbnail {
			a br { display: none }
			img {
				.rotate-right;
				.shadow;
			}
		}
	}
	.last { margin-right: 0 }
	
	.ngg-navigation {
		clear: both;
		float: right;
		margin: 10px 0 25px;
		
		a, span {
			.button;
			.shadow;
			margin-right: 10px
		}
		
		span {
			background: #fff;
			color: @purple!important;
		}
		
	}
	
}


/* Sidebar */

.social {
	margin: 0;
	position: absolute;
	z-index: 1;
	
	li {
		position: absolute;
	}
	a {
		display: block;
		text-indent: -9999px;
	}
	
	li.vz {
		background: url(../images/icon_vz.png) no-repeat;
		width: 110px;
		height: 67px;
		top: 66px;
		left: -76px;
		
		a {
			margin: 13px 0 0 3px;
			height: 36px;
			width: 84px;
			.rotate(16deg);
		}
	}
	
	li.facebook {
		background: url(../images/icon_facebook.png) no-repeat;
		width: 137px;
		height: 61px;
		top: 108px;
		left: -103px;
		
		a {
			margin: 12px 0 0 6px;
			height: 34px;
			width: 100px;
			.rotate(7deg);
		}
	}
}

/* Footer */
#content-footer {
	clear:both;
	background: #e2e2e2  url(../images/bg_footer.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 13px;
	height: 390px;
	
	ul { position: relative; z-index: 1000}
	
	li a { color: @footer-grey }
	li a:hover { color: @purple }
	li a:after { content: ' >' }
	
	
	.widget {
		border-right: 2px dotted #fbfbfb;
		float: left;
		padding: 30px 25px 0;
		position: relative;
	}
	
	#nav_menu-5 { width: 189px; height: 235px; padding-right: 10px }
	#nav_menu-6 {
		width: 164px;
		height: 205px;
		padding-left: 23px;
		padding-right: 23px;
		
		h4 { color: @green }
	}
	#swboc-4 { width: 190px; height: 193px }
	#swboc-5 { 
		width: 230px;
		border-right: none;
		p {
			margin-bottom: 5px
		}
	}
	
	
	.menu-navigation-container {
		li.current_page_item a { color: @purple }
		 
		/* Klassenfahrten */
		li.menu-item-1830 a:hover, li.menu-item-1830.current-menu-item a, li.menu-item-1830.current-menu-parent a {
				color: @orange;
		}			
		/* Ferienlager */
		li.menu-item-2115 a:hover, li.menu-item-2115.current-menu-item a, li.menu-item-2115.current-menu-parent a {
			color: @green;
		}
		/* Camps */
		li.menu-item-1828 a:hover, li.menu-item-1828.current-menu-item a, li.menu-item-1828.current-menu-parent a {
			color: @cyan;
		}
		
		/* Jugendcamps */
		li.menu-item-3153 a:hover, li.menu-item-3153.current-menu-item a, li.menu-item-3153.current-menu-parent a,
		li.menu-item-6036 a:hover, li.menu-item-6036.current-menu-item a, li.menu-item-6036.current-menu-parent a {
			color: @red;
		}
		
	}
	
	.menu-unsere-camps-container {
		li.current_page_item a, a:hover {
			color: @green;
		}	
	}
	
	#swboc-4 a, #swboc-5 a {
		.button;
	}
	
	#swboc-4 a { margin-top: -23px; margin-left: 66px }
	
	#swboc-5 a {
		position: absolute;
		top: 50px;
		right: 30px;
	}
	
}

#partner-footer {
	background: #fff;
	float: left;
	width: 900px;
	padding: 0 30px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #87bef6;
	
	h4 {
		background: url(../images/arrow_footer.png) no-repeat right -11px;
		float: left;
		font-size: 13px;
		margin-bottom: 15px;
		padding-right: 12px;
		cursor: pointer;
	}
	
	h4.active { background-position: right 4px}
	
	ul { clear: both; display: none }
	
	.widget {
		overflow: hidden;
		padding: 25px 0;
	}
	
	li { 
		float: left;
		margin-right: 15px
	}
}


/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}


form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}



input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}